<template>
    <div class="tocase" @click="toCaseView" :style="{backgroundColor:backColor}">
      <span>{{config.titleH5}} | 大家都爱用的创建活动工具</span>
      <van-icon name="arrow" />
    </div>
</template>

<script>
import { Icon } from "vant";
export default {
    components: {
        [Icon.name]: Icon
    },
    props: ['config','backColor'],
    data() {
        return {
        }
    },
    mounted() {
    },
    methods: {
        toCaseView() {
            window.location.href = `//${location.hostname}${location.href.indexOf('addons')>-1 ? '/addons/youmi_activitys/public' : ''}/mobile/index.html`;
        },
    }
}
</script>

<style lang="scss" scoped>
  .tocase{
    // position: fixed;
    // top: 0;
    // left: 0;
    // right: 0;
    // background-color: rgb(255, 145, 0);
    color:white;
    padding: 0.8rem 1.6rem;
    display:flex;
    align-items: center;
    justify-content: space-between;
  }
</style>